<!-- 顶部导航-->
<div class="headline-header" th:fragment="indexbar">
    <div class="wrapper headerCol">
        <div class="headerLogo" style="float: left;">
        	<a href="/" style="margin-right: 10px;">
        		<img class="headerLogo-logo" src="/assets/images/logo.png" alt=""/>
        	</a>
        	<div class="exchange layui-elip" th:attr="data-cityname=${cityname}" lay-event="city">
        	<span th:text="${cityname}"></span>
        	<i class="layui-icon layui-icon-triangle-d" style="font-size: 12px;"></i> 
        </div>
        </div>
        
        <div class="headerNav">
            <ul>
            	<li class="headerNav-li">
               		<a th:class="${columnid == 0 ? 'headerNav-liA headerNav-active' : 'headerNav-liA'}" href="/">推荐</a>
                </li>
                <li class="headerNav-li" th:each="item,columnStat:${columns}">
               		<a th:class="${item.columnId == columnid ? 'headerNav-liA headerNav-active' : 'headerNav-liA'}" th:href="${'/channel/' + item.columnId}" th:text="${item.columnName}"></a>
                </li>
                <li class="headerNav-li">
               		<a th:class="${columnid == -1 ? 'headerNav-liA headerNav-active' : 'headerNav-liA'}" href="/ask">问问专家</a>
                </li>
            </ul>
        </div>
        
        <!-- 收搜索框 -->
		<div th:replace="common/index/search :: search"></div>
		
        <!-- 工具栏 -->
       <div th:replace="common/index/indextool :: indextool"></div>
		
    </div>

</div>